<div class="row data-type">
<div class="col-md-2 title">编号</div>
<div class="col-md-10 data">
    <input type="text" class="form-control" placeholder="编号" value="">
</div>

<div class="col-md-2 title">文章标题</div>
<div class="col-md-10 data">
    <input type="text" class="form-control" placeholder="文章标题" value="">
</div>

<div class="col-md-2 title">所属频道</div>
<div class="col-md-10 data">
    <select class="form-control">
        <option>选项 1</option>
        <option>选项 2</option>
        <option>选项 3</option>
        <option>选项 4</option>
        <option>选项 5</option>
    </select>
</div>

<div class="col-md-2 title">浏览</div>
<div class="col-md-10 data">
    <input type="text" class="form-control" placeholder="浏览" value="">
</div>

<div class="col-md-2 title">点赞</div>
<div class="col-md-10 data">
    <input type="text" class="form-control" placeholder="点赞" value="">
</div>





<div class="col-md-2 title">发布者</div>
<div class="col-md-10 data">
    <input type="text" class="form-control" placeholder="发布者" value="">
</div>

<div class="col-md-2 title">发布时间</div>
<div class="col-md-10 data">
    <div class="input-group">
        <div class="input-group-addon">
        <i class="fa fa-calendar"></i>
        </div>
        <input type="text" class="form-control pull-right" id="reservation-发布时间">
    </div>
</div>
<script>
$(document).ready(function(){
    $('#reservation-发布时间').daterangepicker({
        locale: {
            applyLabel: '确认',
            cancelLabel: '取消',
            fromLabel : '起始时间',
            toLabel : '结束时间',
            customRangeLabel : '自定义',
            firstDay : 1
        },
        opens : 'left',    // 日期选择框的弹出位置
        separator : ' 至 '
        //showWeekNumbers : true,     // 是否显示第几周
    });
});
</script>



<div class="col-md-2 title "></div>
  <div class="col-md-10 data text-center">
  <button type="button" class="btn bg-maroon ">保存</button>
  <button type="button" class="btn bg-default " onclick="javascript:history.back(-1);">返回</button>
</div>
</div>